<template>
  <!--头部查询组件1（查询，重置功能）-->
  <div class="table_model_search">
    <Row :gutter="0">
      <Col :span="colSpan">
        <slot name="search-headers"></slot>
      </Col>
      <Col span="3" style="text-align: right;">
        <Button class="pull-right" @click="resetTaskInfoFun">重置</Button>
        <Button type="primary" class="pull-right f-mr10" @click="getTaskInfoFun">查询</Button>
      </Col>
    </Row>
  </div>
</template>
<script>
export default {
  components: {},
  props: {
    colSpan: {
      type: Number,
      default: 21
    }
  },
  data () {
    return {}
  },

  watch: {},
  methods: {
    resetTaskInfoFun () {
      this.$emit('search-reset')
    },
    getTaskInfoFun () {
      this.$emit('search-query')
    }
  },
  created () {},
  mounted () {},
  beforeCreate () {}, // 生命周期 - 创建之前
  beforeMount () {}, // 生命周期 - 挂载之前
  beforeUpdate () {}, // 生命周期 - 更新之前
  updated () {}, // 生命周期 - 更新之后
  beforeDestroy () {}, // 生命周期 - 销毁之前
  destroyed () {}, // 生命周期 - 销毁完成
  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang='scss' scoped>
.table_model_search {
  width: 100%;
  padding: 20px 10px;
  display: inline-block;
  background-color: #fff;
  &::after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0;
  }
}
</style>
